<!DOCTYPE html>
<html lang="en">
<head>        
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />    
    <!--[if gt IE 8]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />        
    <![endif]-->                
    <title>E-Learning</title>
    
    <link rel="icon" type="aries/image/ico" href="favicon.ico"/>

    <link type='text/css' href='bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css'></script>

    <link href="sistem/css/de_before.css" rel="stylesheet" type="text/css" />
    <link href="aries/css/stylesheets.css" rel="stylesheet" type="text/css" />
    <link href="sistem/css/de.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 7]>
        <link href="css/ie.css" rel="stylesheet" type="text/css" />
        <script type='text/javascript' src='js/plugins/other/lte-ie7.js'></script>
    <![endif]-->    

</head>
<body>    
    <div id="loader"><img src="aries/img/loader.gif"/></div>
    <div class="wrapper">
       	<?php
			require_once 'sidebar.php';
		?>
        <div class="body">
            
            <ul class="navigation">
				<?php if(LEVEL=="siswa") { ?>
					<li>
						<a href="index.php" class="button">
							<div class="icon">
								<span class="ico-cog-2"></span>
							</div>                    
							<div class="name">Beranda</div>
						</a>          
					</li>                
					<li>
						<a href="materi.php" class="button yellow">
							<div class="icon">
								<span class="ico-pen-2"></span>
							</div>                    
							<div class="name">Materi</div>
						</a>                
					</li>                        
					<li>
						<a href="latihan.php" class="button green">
							<div class="icon">
								<span class="ico-chart-4"></span>
							</div>                    
							<div class="name">Latihan</div>
						</a>                
					</li>                           
					<li>
						<a href="jadwal_praktikum.php" class="button purple">
							<div class="icon">
								<span class="ico-chart-4"></span>
							</div>                    
							<div class="name">Jadwal</div>
						</a>                
					</li>           
					<li>
						<a href="nilai.php" class="button red">
							<div class="icon">
								<span class="ico-layout-7"></span>
							</div>                    
							<div class="name">Nilai</div>
						</a> 
															   
					</li>
					<li>
						<a href="logout.php" class="button dblue">
							<div class="icon">
								<span class="ico-layout-7"></span>
							</div>                    
							<div class="name">Logout</div>
						</a> 
															   
					</li>
				<?php } else if(LEVEL=="guru"){?>
					<li>
						<a href="admin_index.php" class="button">
							<div class="icon">
								<span class="ico-cog-2"></span>
							</div>                    
							<div class="name">Admin Beranda</div>
						</a>          
					</li>                
					<li>
						<a href="admin_materi.php" class="button yellow">
							<div class="icon">
								<span class="ico-pen-2"></span>
							</div>                    
							<div class="name">Admin Materi</div>
						</a>               
					</li>                        
					<li>
						<a href="admin_latihan.php" class="button green">
							<div class="icon">
								<span class="ico-chart-4"></span>
							</div>                    
							<div class="name">Admin Latihan</div>
						</a>                
					</li> 
					<li>
						<a href="admin_jadwal_praktikum.php" class="button purple">
							<div class="icon">
								<span class="ico-chart-4"></span>
							</div>                    
							<div class="name">Admin Jadwal</div>
						</a>                
					</li>                             
					<li>
						<a href="#" class="button red">
							<div class="icon">
								<span class="ico-layout-7"></span>
							</div>                    
							<div class="name">Admin Nilai</div>
						</a>  
						<ul class="sub">
							<li><a href="admin_input_nilai.php">Input Nilai</a></li>
							<li><a href="admin_daftar_nilai.php">Daftar Nilai</a></li>
						</ul>               
						
															   
					</li>
					<li>
						<a href="logout.php" class="button dblue">
							<div class="icon">
								<span class="ico-layout-7"></span>
							</div>                    
							<div class="name">Logout</div>
						</a> 
															   
					</li>
				<?php } else {?>
					              
					<li>
						<a href="#" id="btn-dialog-login" class="button">
							<div class="arrow"></div>
							<div class="icon">
								<span class="ico-pen-2"></span>
							</div>                    
							<div class="name">Login</div>
						</a>              
					</li>                        
					<li>
						<a href="#" id="btn-dialog-registrasi" class="button yellow">
							<div class="icon">
								<span class="ico-chart-4"></span>
							</div>                    
							<div class="name">Registrasi</div>
						</a>                
					</li>  
					
				<?php }?>
                <li>
                    <div class="user">
                        <img src="aries/img/examples/users/dmitry_m.jpg" align="left"/>
                        <a href="#" class="name">
                            <span><?php echo NAMA;?></span>
                            <span class="sm"><?php echo LEVEL;?></span>
                        </a>
                    </div>
                    <div class="buttons">
                        <div class="sbutton green navButton">
                            <a href="#"><span class="ico-align-justify"></span></a>
                        </div>
                        <div class="sbutton blue">
                            <a href="#"><span class="ico-cogs"></span></a>
                            <div class="popup">
                                <div class="arrow"></div>
                                <div class="row-fluid">
                                    <div class="row-form">
                                        <div class="span12"><strong>SETTINGS</strong></div>
                                    </div>                                    
                                    <div class="row-form">
                                        <div class="span4">Navigation:</div>
                                        <div class="span8"><input type="radio" class="cNav" name="cNavButton" value="default"/> Default <input type="radio" class="cNav" name="cNavButton" value="bordered"/> Bordered</div>
                                    </div>                                    
                                    <div class="row-form">
                                        <div class="span4">Content:</div>
                                        <div class="span8"><input type="radio" class="cCont" name="cContent" value=""/> Responsive <input type="radio" class="cCont" name="cContent" value="fixed"/> Fixed</div>
                                    </div>                                    
                                </div>
                            </div>
                        </div>                        
                    </div>
                </li>                
            </ul>
